<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="./assets/lib/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="./assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./assets/css/index.css" />
    <link rel="stylesheet" href="./assets/css/student.css" />

    <title>ajax 实战项目 - 首页</title>
  </head>

  <body>
    <div class="viewport">
      <div class="leftside">
        <a href="index.html" class="logo">
          <img src="./assets/images/logo2.png" alt="logo" />
        </a>
        <ul class="nav">
          <li>
            <a href="javascript:;">
              <span
                class="iconfont icon-ketangxueyuan"
                style="margin-left: -7px; margin-right: 3px"
              ></span>
              学员信息
            </a>
          </li>
        </ul>
      </div>
      <div class="right">
        <div class="top">
          <div class="menu">
            <span class="iconfont icon-caidan"></span>
          </div>
          <div class="search">
            <input type="text" placeholder="Search..." />
            <button>Search</button>
          </div>
          <div class="init" style="opacity: 0">点我初始化数据</div>
          <div>
            <span class="iconfont icon-tongzhi"></span>
            <span class="iconfont icon-caidan2"></span>
            <span class="iconfont icon-shezhi"></span>
          </div>
          <div class="user">
            <img class="avatar" src="./assets/images/avatar.png" alt="" />
            <span>Tom Cruise</span>
          </div>
          <div class="logout">
            <a href="javascript:;">
              <span class="iconfont icon-tuichu"></span>
              退出
            </a>
          </div>
        </div>
        <div class="content">
          <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="container-fluid header">
              <h1>学员管理</h1>
            </div>
          </nav>

          <!-- table-striped隔行换色 -->
          <table class="table table-striped">
            <colgroup>
              <col width="7%" />
              <col width="8%" />
              <col width="7%" />
              <col width="7%" />
              <col width="7%" />
              <col width="10%" />
              <col width="10%" />
              <col width="10%" />
              <col width="24%" />
              <col width="10%" />
            </colgroup>
            <thead>
              <tr>
                <th scope="col">ID</th>
                <th scope="col">姓名</th>
                <th scope="col">年龄</th>
                <th scope="col">性别</th>
                <th scope="col">组号</th>
                <th scope="col">联系电话</th>
                <th scope="col">期望薪资</th>
                <th scope="col">实际薪资</th>
                <th scope="col">籍贯</th>
                <th scope="col">操作</th>
              </tr>
            </thead>
            <tbody>
              <!-- <tr>
                <th scope="row">10</th>
                <td>张三</td>
                <td>20</td>
                <td>女</td>
                <td>1</td>
                <td>13261266666</td>
                <td>120000</td>
                <td>14000</td>
                <td>河北省承德市围场县</td>
                <td>
                  <button type="button" class="btn btn-danger btn-sm">
                    删除
                  </button>
                </td>
              </tr> -->
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <script src="./assets/lib/jquery-3.6.0.min.js"></script>
    <script src="./assets/lib/axios.js"></script>

    <!-- 全局拦截器相关配置 -->
    <script src="./assets/utils/request.js"></script>
    <!-- 首页相关逻辑代码 -->
    <script src="./assets/js/index.js"></script>
  </body>
</html>
